<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <link rel="stylesheet" href="../css/home.css">
  <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  <link href="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
  <script src="https://www.jq22.com/demo/number202111050044/js/number.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
  <script src="https://unpkg.com/vue@2/dist/vue.js"></script>
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>

<body>
  <div id="home_lunbo">
    <section style="background-color: #ffefea; overflow: hidden; padding-bottom: 3%;">
      <div class="container" style="padding-top: 3%; padding-left: 2%;">
        <h1 class="home_seven_h1_class" style="margin-bottom: 2%;">客户的反馈</h1>
        <el-carousel :interval="4000" type="card" height="280px">
          <el-carousel-item>
            <div style="height: 100%; background-color: #fff; padding: 3%; border-radius: 15px; margin: auto;">
              <div style="display: flex; overflow: hidden;">
                <div style="padding-right: 3%;">
                  <div style="display: flex; margin-bottom: 20px;">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                  </div>
                  <h5 style="margin-bottom: 15px;">值得信赖的兽医团队1</h5>
                  <span style="font-size: 12px;">今天来做绝育咯，把小八嘎带来嘎了之后看起来都不是太开心的样子，每天都在香蕉船里委屈巴巴的，
                    真的很像个小宝宝。刚做完绝育前面几天没咋有精神，过了三天之后开始到处乱窜跟个小旋风似的，
                    恢复的也比较快。恢复的也比较快。我们是洁牙跟绝育一起做的，
                    手术是杨亮医生哦，大家都还是很负责任的。</span><br>
                  <span style="color: #ff6b43; margin-top: 8px; display: block;">小狗的主人</span>
                </div>
                <div>
                  <img src="../img/testimonial-2.png" alt="">
                </div>
              </div>
            </div>
          </el-carousel-item>
          <el-carousel-item>
            <div style="height: 100%; background-color: #fff; padding: 3%; border-radius: 15px; margin: auto;">
              <div style="display: flex; overflow: hidden;">
                <div style="padding-right: 3%;">
                  <div style="display: flex; margin-bottom: 20px;">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                  </div>
                  <h5 style="margin-bottom: 15px;">值得信赖的兽医团队2</h5>
                  <span style="font-size: 12px;">从咨询到手术到后期住院护理，林医生一如既往的非常细心和耐心，
                    手术非常顺利!其他护理人员同样也非常专业，对辣椒非常照顾，充满爱心! 前台工作人员服务也相当好，
                    特别是那位上海大哥，接辣椒出院时还开车顺路送了一程。</span><br>
                  <span style="color: #ff6b43; margin-top: 8px; display: block;">小狗的主人</span>
                </div>
                <div>
                  <img src="../img/testimonial-2.png" alt="">
                </div>
              </div>
            </div>
          </el-carousel-item>
          <el-carousel-item>
            <div style="height: 100%; background-color: #fff; padding: 3%; border-radius: 15px; margin: auto;">
              <div style="display: flex; overflow: hidden;">
                <div style="padding-right: 3%;">
                  <div style="display: flex; margin-bottom: 20px;">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                    <img src="../img/pingfen.svg" alt="" width="25px">
                  </div>
                  <h5 style="margin-bottom: 15px;">值得信赖的兽医团队</h5>
                  <span style="font-size: 12px;">经过了李医生的排查和治疗，妞妞长达一年苦日子终于看到了曙光!
                    期间李医生多次主动关心妞妞的瘤痒情况，并给出了中肯的方案，今年2023年的年初，妞妞的泡面桶头套完全可以摘掉了，
                    看到了它久违的主动玩逗猫棒，并且睡眠打呼噜也很香。</span><br>
                  <span style="color: #ff6b43; margin-top: 8px; display: block;">小猫的主人</span>
                </div>
                <div>
                  <img src="../img/testimonial-1.png" alt="">
                </div>
              </div>
            </div>
          </el-carousel-item>
        </el-carousel>
      </div>
    </section>
  </div>
</body>
<script>
  new Vue({
    el: '#home_lunbo',
  })
</script>
</html>